<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>个人信息</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap 样式 -->
    <link rel="stylesheet" href="/css/bootstrap.css">
</head>
<body class="bg-light">

<div class="container mt-5">
    <div class="card shadow-sm">
        <div class="card-header bg-primary text-white d-flex align-items-center">
            <h4 class="mb-0">👤 个人信息</h4>
        </div>

        <div class="card-body">
            <div class="row">
                <!-- 左侧：头像 -->
                <div class="col-md-4 text-center mb-4">
                    <img src="/images/1.jpg" alt="用户头像" class="img-thumbnail rounded-circle" style="width: 150px;">
                    <p class="mt-2 text-muted">欢迎，<strong>张同学</strong></p>
                </div>

                <!-- 右侧：详细信息 -->
                <div class="col-md-8">
                    <h5 class="text-secondary">基本信息</h5>
                    <p><strong>🎓 姓名：</strong> <span th:text="${user.userName}">张三</span></p>
                    <p><strong>🆔 学号：</strong> <span th:text="${user.userId}">2023012345</span></p>
                    <p><strong>🧾 身份：</strong> <span th:text="${user.role}">学生</span></p>

                    <h5 class="text-secondary mt-4">联系方式</h5>
                    <p><strong>📧 邮箱：</strong> <span th:text="${user.email}">zhang@example.com</span></p>
                    <p><strong>📞 电话：</strong> <span th:text="${user.phone}">13800138000</span></p>

                    <h5 class="text-secondary mt-4">学习信息</h5>
                    <p><strong>📚 当前课程：</strong> 高等数学</p>
                    <p><strong>📈 最近考试成绩：</strong> 英语 92 分</p>
                    <p><strong>✅ 已参加考试：</strong> 12 场</p>
                </div>
            </div>

            <hr>

            <!-- 操作按钮 -->
            <div class="d-flex justify-content-start gap-2 mt-3">
                <a href="/edit-info" class="btn btn-outline-primary">
                    ✏️ 编辑信息
                </a>
                <a href="/change-password" class="btn btn-outline-secondary">
                    🔐 修改密码
                </a>
                <a href="/home/manage" class="btn btn-outline-success">
                    🏠 返回主页
                </a>
            </div>
        </div>
    </div>
</div>

</body>
</html>
